<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../lib/swiper-bundle.min.css">
    <link rel="stylesheet" href="../lib/font/iconfont.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/index.css">
</head>


    <header>
        <div id="head" class="container">
            <div class="logo">
                <a href="">
                    <img src="../static/img/index-logo.png" alt=""><span>熊猫优选</span>
                </a>
            </div>
            <div class="lookup">
                <span class="iconfont icon-sousuo"></span>
                <input type="text" class="start_b" placeholder='搜索商品发现更多优惠'>
                <button class="start_a">搜索</button>
            </div>
            <div class="Sign">
                <span class="zhuce">注册&ensp;&ensp;</span>
                <span class="denglu">&ensp;&ensp;登录</span>
            </div>
        </div>
    </header>
    <nav>
        <div class="nav container">
            <ul>
                <li class="active">首页</li>
                <li class="tz_1">9块9包邮</li>
                <li class="tz_2">超值大额卷</li>
                <li class="tz_3">降温急救穿搭</li>
            </ul>
        </div>
    </nav>
    <div id="banner" class="container">
        <div class="menu">
            <ul>
                <li><span class="iconfont icon-nvzhuang"></span>女装/女鞋</li>
                <li><span class="iconfont icon-nanxie"></span>男装/男鞋</li>
                <li><span class="iconfont icon-meizhuang"></span>美妆/个护</li>
                <li><span class="iconfont icon-suitcase"></span>配饰/箱包</li>
                <li><span class="iconfont icon-lingshi"></span>零食王国</li>
                <li><span class="iconfont icon-muying"></span>母婴用品</li>
                <li><span class="iconfont icon-shouji"></span>手机/数码</li>
                <li><span class="iconfont icon-neiyi"></span>内衣袜子</li>
                <li><span class="iconfont icon-shafa"></span>文娱/家具</li>
            </ul>
        </div>
        <div class="banner1">
            <div class="top">
                <div class="swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide swiper_1"><img src="" alt=""></div>
                        <div class="swiper-slide swiper_2"><img src="" alt=""></div>
                        <div class="swiper-slide swiper_3"><img src="" alt=""></div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
                <div class="right right_1">
                    <p></p>
                    <p></p>
                    <img src="" alt="">
                </div>
            </div>
            <div class="bottom">
                <div class="img_0">
                    <p></p>
                    <p></p>
                    <p>Go</p>
                    <img src="" alt="">
                </div>
                <div class="img_1">
                    <p></p>
                    <p></p>
                    <p>Go</p>
                    <img src="" alt="">
                </div>
                <div class="img_2">
                    <p>扫码下载APP</p>
                    <p>发现更多惊喜</p>
                    <img src="../static/img/二维码.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div id="selected" class="container">
        <span>小编精选</span>
        <span>每天更新</span>
    </div>
    <div id="list" class="container">
    </div>
    <div id="morelist" class="container">

    </div>
    <div id="morebtn" class="container">
        <div class="btn">加载更多</div>
    </div>
    <footer>
        <div class="top_1">
            <div>
                <img src="../static/img/index-logo.png" alt="">
            </div>
            <div>
                <p>熊猫优选</p>
                <p>年轻人网购首选</p>
                <p>购物领卷更省钱</p>
            </div>
            <div>
                <p>丨下载APP</p>
            </div>
        </div>
        <div class="bottom_1">
            <p><img src="../static/img/备案.png" alt="">&ensp;浙公安网备案33010602009949号丨ICP备案号:浙ICP备17012864号-1丨<img
                    src="../static/img/证件信息.png" alt="">&ensp;证件信息
            </p>
        </div>
    </footer>
    <div id="footer_a" class="container">
        <img src="../static/img/可信网站.png" alt="">
    </div>
    <div class="Topping">
        返回<br>顶部
    </div>
    <!-- 注册登录 -->
    <div class="register">
        <p>注册账户</p>
        用户名:<input type="text" placeholder='用户名3至5位' class="text_1">
        <p class="p1_1"></p>
        密&emsp;码:<input type="password" placeholder='密码6-10位,含数字英文字母'
        class="password_1">
        <p class="p1_2"></p>
        <button class="yes_1">确定</button>
        <button class="no_1">退出</button>
    </div>
    <!-- 登录 -->
    <div class="Sign_1">
        <p>登录账户</p>
        用户名:<input type="text" placeholder='用户名3至5位' class="text_2">
        <p class="p2_1"></p>
        密&emsp;码:<input type="text" placeholder='密码6-10位,含数字英文字母' class="password_2">
        <p class="p2_2"></p>
        <button class="yes_2">确定</button>
        <button class="no_2">退出</button>

    </div>
    <div class="cover"></div>

    <script src="../lib/swiper-bundle.min.js"></script>
    <script src="../lib/jquery.js"></script>
    <script src="../js/public.js"></script>
    <script src="../js/index.js"></script>
    </body>

</html>